<!--
 * @Description: 
 * @Author: 赵大壮
 * @Date: 2021-12-06 17:19:11
 * @LastEditTime: 2021-12-30 15:22:03
 * @LastEditors: 张澜馨
-->
<template>
  <div class="w-full h-full flex">
    <img
      class="w-full h-full"
      src="@/assets/image/login-bg.jpg"
      style="
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        object-fit: fill;
      "
    />
    <div class="w-full h-full flex flex-row items-center justify-center">
      <div
        class="w-w360 pb-w20 bg-gray-50 bg-opacity-50 flex flex-col items-center rounded"
      >
        <div class="text-c3 text-f20 h-w50 leading-w50">心理咨询服务平台</div>
        <el-divider class="mt-0"></el-divider>
        <div class="pl-w20 pr-w20">
          <el-input v-model="dZModelUser.s_username" placeholder="用户名">
            <template #prepend>
              <el-button icon="el-icon-user"></el-button>
            </template>
          </el-input>

          <el-input
            class="mt-w15"
            v-model="dZModelUser.s_password"
            type="password"
            placeholder="密码"
            @keyup.enter.native="doLogin()"
          >
            <template #prepend>
              <el-button icon="el-icon-lock"></el-button>
            </template>
          </el-input>
          <el-checkbox v-model="remember_pwd" class="mt-w15"
            >记住密码</el-checkbox
          >
          <el-button type="primary" class="mt-w20 w-full bg-cmain" @click="doLogin"
            >登录</el-button
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped></style>
